/* CSS Document */
body {
	background:#ffffff;
}
/*************************************************

Css For Change LeftBAr (To customize Color)

***************************************************/
.ifp-nav {
	background-color: #fff;
	color: #000;
	border-color: #D3D3D3;
}
.plan-detail {
	border-color: #A1A1A1;
}
/*********DropDown list for selecting floor***********/
.floor-select {
	border-color: rgba(0,0,0,0.2);
	background: #9e9689;
	color: #fff;
}
.floor-select .dropdown {
	background: #fff;
	border-color: rgba(0,0,0,0.2);
}
.floor-select.active {
	color: #fff;
		background: #9e9689;
}
.floor-select .dropdown li a {
	color: #333;
}
.floor-select .dropdown li:hover a {
	background: rgba(131, 131, 131, 0.34);
    color:#333;
}
/*********Nav Options**********/

.nav-option {
	background:#9e9689;
	border-color: #333;
}
.nav-option ul li a {
	color: #fff;
}
.active {
	background: #8b2332;
	color: #fff;
}

.nav-option ul li:hover {
    background: #8b2332;
}

.option ul li {
	color: #191819;
}
.furniture ul li {
	color: green;
}
.expanded ul li {
	background: #fff;
	border-color: #ccc;
}
.expanded ul li:hover{background:rgba(211, 211, 211, 0.34)}
.action-btn {
	background: #9e9689;
}
.action-btn .action-btn-option {
	border-color: #8b2332;
	background: #fff;
    color: #8b2332;
}
.action-btn .action-btn-option img
{
	background: #8b2332;
	color: #fff;
}
.action-btn .action-btn-option:hover{
	background: #8b2332;
	color: #fff;
}
.action-btn-option1 ul li:hover
{
    background:rgba(245, 131, 33, 0.9);
    border-color:rgba(124,28,39,0.3);
 }
.action-btn-option1 ul li a:hover
{
    color:#fff;
}
/**********************Option list Style***************************/
.option ul li:hover
{
        background:rgba(131, 131, 131, 0.34);

}
.expanded ul li:hover {
   background:rgba(211, 211, 211, 0.34);
}
.gallery ul li:hover {
   background:rgba(211, 211, 211, 0.34);
}
.note-btn
{
     background:#D3D3D3;
     color:#fff;

}
.note-btn.on, .note-btn:hover
{
    background: #8b2332;
    color:#fff;
}
.add-note-msg
{
     background:#D3D3D3;
     color:#fff;
}
/*************************************************

Css For Change Stage (To customize Color)

***************************************************/

.ifp-section {
	background-color: #ffffff;
}

.customer-logo{
	width: 110px;
}

.ifp-customer-logo img {
    max-width: 200%;
	float: right;
	width: 120px;
}
/*************************************************

Css For Change RightBAr (To customize Color)

***************************************************/
.ifp-aside {
	border-color: #4c4c4c;
	background: transparent;
}
.ifp-aside ul li {
	border-color: #4c4c4c;
	background: #fff;
	color: #4c4c4c;
}
.ifp-aside ul li a {
	color: #4c4c4c;
}

/*************************************************
Css For modal window
***************************************************/
.popup-header
{
      background: #8b2332;
}
.print-button
{
      background: #8b2332;

}
.sign-btn
{
      background: #8b2332;
}

#btn-save
{
      background: #8b2332;
}

.forget-password-btn
{
      background: #8b2332;
}

.modal-header
{
      background: #8b2332;
}

.modal-button
{
      background: #8b2332;
}

.loader i
{
    color:#D3D3D3;
}
.furniture .turnoff a
{
	
    background: #D3D3D3;
}
/*************************************************
Css For top nav bar
***************************************************/
.ifp-top-nav
{
     background: transparent;
 }
 .ifp-right-nav ul li
 {
	 background: #8b2332;
	 color: #fff !important;

 }

 .ifp-right-nav ul li a{
 	color: #fff !important;
 }

 .ifp-right-nav ul li:hover
 {
	 background: #8b2332;
 }
 .ifp-right-nav ul{
	 display: flex;
 }
/*************************************************
Css For Furniture Context
***************************************************/ 
.inner-box/*Furniture container*/
{
	border-color:#D3D3D3;
}
.inner-box .ui-resizable-se/*Furniture Re-size Icon*/
{
	background:#D3D3D3;
}
.oject-modify-icon/*Furniture menu-btn*/
{
	color:#D3D3D3;
}
.object-rotate/*Furniture rotate-icon-btn*/ 
{
	color:#D3D3D3;
}
.object-delete/*Furniture delete-icon-btn*/
{
	color:#D3D3D3;
}
.object-scale/*Furniture scale-icon-btn*/
{
	color:#D3D3D3;
}
.reset-btn/*Furniture reset-btn*/
{
	background:#fff;
}
.apply-btn/*Furniture apply-btn*/
{
	background:#D3D3D3;
	color:#fff;
}
.object-size input[type="text"]/*Furniture input box*/ 
{
	    background: #C6C6C2;
}
 .object-modification-container/*manual change in furniture size container*/
 {
	 background: #E0DFD3;
	 border-color:#ccc;
 }


/*************************************************
Css For Change Mobile UI (To customize Color)
***************************************************/
@media only screen and (max-width: 767px) {
    .small-device-action-btn {
        background: #D3D3D3;
        border-color: #4c4c4c;
    }
        .small-device-action-btn .action-btn-option {
            border-color: #4c4c4c;
            color: #333;
	background: #8b2332 !important;"

        }
        .small-device-action-btn .action-btn-option p
        {
            color: #333;
        }
    .nav-close-button {
         background: #D3D3D3;
    }

	
        .nav-close-button input[type="button"] {
        border-color: #4c4c4c;
		color: #333;
		background: #fff;
        }
.small-device-action-btn span
{
    color:#fff;
}
.ifp-top-nav
{
     background:#fff;
	 color: #000
 }
.ifp-right-nav ul li {
	background: #8b2332 !important;"
    color: #fff ;
}
}